&.date, &.time, &.datetime, &.date_select, &.time_select, &.datetime_select {
  padding: 0;

  fieldset.fragments {
    @include clearfix();

    margin: 0;
    padding: 0;

    border: none;

    > legend.label {
      display: block;
      float: left;
      margin: 0;
      padding: 0;

      width: $labelWidth;

      label {
        position: relative;
        display: inline-block;

        margin: 0;
        padding: 4px 20px 4px 0;
        width: $labelWidth - 20px;

        line-height: $baseLineHeight;

        @include label-common();
      }
    }

    > ol.fragments-group {
      display: block;
      margin: 0;
      padding: 0;
      margin-left: $labelWidth;

      > li.fragment {
        display: inline-block;
        padding: 4px (0.5 * $baseLineHeight) 4px 0;
        line-height: $baseLineHeight;

        > label {
          @include label-common();
          display: block;
          width: 100%;
          padding-right: 0;
          text-align: left;
        }

        > select {
          display: inline-block;
          width: auto;
          padding: 4px;
          margin-bottom: 0.25 * $baseLineHeight;
          color: $gray;
          background-color: $inputBackground;
          border: 1px solid $inputBorder;
          @include border-radius(3px);

          height: 28px; /* In IE7, the height of the select element cannot be changed by height, only font-size */
          *margin-top: 4px; /* For IE7, add top margin to align select with labels */

          @include font-shorthand($baseFontSize, normal, 28px);
          font-family: $baseFontFamily;
        }
      }
    }
  }
}
